.how-to-register {
  padding: 0 120px;
  .card-container {
    position: relative;
    .card-left {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;
      gap: 12px;
      .card-img {
        width: 68px;
      }
      .subTitle {
        font-family: Roboto;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #202020;
      }
    }
    .card-icon {
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}

// 添加到文件末尾
.card-icon {
  cursor: pointer; // 鼠标指针变为手型
  transition: transform 0.3s ease; // 过渡动画（和JS中的style保持一致）
}

.expanded-content {
  padding: 16px 0 8px;
  margin-top: 12px;
  border-top: 1px solid #eee;
  line-height: 1.6;
  
  ul {
    padding-left: 20px;
    margin: 8px 0 0;
  }
}

@media screen and (max-width: 768px)  { 
  .how-to-register {
    padding: 0 10px;
    .card-container {
      .card-left {
        .card-img {
          width: 50px;
        }
        .subTitle {
          font-size: 16px;
          line-height: 24px;
        }
      } 
    }  
  }

} 
